<!DOCTYPE html>
<html>
<!--
Copyright 2008 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<!--
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Closure Unit Tests -
      goog.ui.style.app.PrimaryActionButtonRenderer</title>
  <script src="../../../base.js"></script>
  <script>
    goog.require('goog.dom');
    goog.require('goog.testing.jsunit');
    goog.require('goog.testing.ui.style');
    goog.require('goog.ui.Button');
    goog.require('goog.ui.style.app.PrimaryActionButtonRenderer');
    goog.require('goog.userAgent');
  </script>
</head>
<body>
  <div id="sandbox"></div>
  <script>
    var renderer = goog.ui.style.app.PrimaryActionButtonRenderer.getInstance();
    var button;

    // Write iFrame tag to load reference FastUI markup. Then, our tests will
    // compare the generated markup to the reference markup.
    var refPath = '../../../../../webutil/css/fastui/app/primaryactionbutton_spec.html';
    goog.testing.ui.style.writeReferenceFrame(refPath);

    function setUp() {
      button = new goog.ui.Button('Hello Generated', renderer);
    }

    function tearDown() {
      if (button) {
        button.dispose();
      }
      goog.dom.getElement('sandbox').innerHTML = '';
    }

    function testGeneratedButton() {
      button.render(goog.dom.getElement('sandbox'));
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-resting');
    }

    function testButtonStates() {
      button.render(goog.dom.getElement('sandbox'));
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-resting');
      button.setState(goog.ui.Component.State.HOVER, true);
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-hover');
      button.setState(goog.ui.Component.State.HOVER, false);
      button.setState(goog.ui.Component.State.FOCUSED, true);
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-focused');
      button.setState(goog.ui.Component.State.FOCUSED, false);
      button.setState(goog.ui.Component.State.ACTIVE, true);
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-active');
      button.setState(goog.ui.Component.State.ACTIVE, false);
      button.setState(goog.ui.Component.State.DISABLED, true);
      goog.testing.ui.style.assertStructureMatchesReference(button.getElement(),
        'normal-disabled');
    }

  </script>
</body>
</html>
